<template>
  <div class="hello">
      <select id="theme"  v-model="something">
        <!-- <option v-for="name in mapArray" :value='name.mode2'>{{name.name}}</option> -->
    </select>
      <textarea class="form-control" id="code" name="code">

      </textarea>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  created(){},
  mounted(){
    console.log();
    
    let myTextarea = document.getElementById('code');
    this.codeMirrorEdit =this.$codeMirror.fromTextArea(myTextarea,{
      mode:'javascript',
      theme:'monokai',
      extraKeys:{
        'ctrl':'autocomplete'
      },
      lineNumbers:true,
      value:"let a = HelloWorld"
    }) 
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
